<template>
  <div id="app">
    <transition name="fade">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
import Layout from "./views/Layout";
import Welcome from "./views/hande/Welcome.vue";
import Index from "./views/Index.vue";

export default {
  name: "App",
  components: {
    Layout,
    Welcome,
    Index,
  },
  data() {
    return {
      current: ["mail"],
      openKeys: ["sub1"],
    };
  },
  watch: {
    openKeys(val) {
      console.log("openKeys", val);
    },
  },
  methods: {
    handleClick(e) {
      console.log("click", e);
    },
    titleClick(e) {
      console.log("titleClick", e);
    },
  },
};
</script>

<style lang="less">
body {
  font-size: 16px;
}
.disabled-click {
  div {
    cursor: not-allowed;
    pointer-events: none;
  }
}
</style>
